<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>冬奥共享学习</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<script type="text/javascript" src="../../plugin/browerVersion/browerVersion.js"></script>
		<link rel="stylesheet" href="../../plugin/bootstrap/bootstrap.min.css" />
		<link rel="stylesheet" href="../../skin/css/normalize.css" />
		<link rel="stylesheet" href="../../skin/fonts/iconfont.css" />
		<link rel="stylesheet" href="meetingTheme.css" />
		<link rel="stylesheet" href="../../skin/css/style.css" />
		<script type="text/javascript" src="../../plugin/jquery/jquery-1.12.1.js"></script>
		<script type="text/javascript" src="../../plugin/jquery/jquery.form.min.js"></script>
		<script type="text/javascript" src="../../plugin/hivelearncommon.js"></script>
	</head>

	<body style="margin-top:50px;">
		<div class="container editTopic">
			<div class="content">
				<h3 class="title">新主题</h3>
				<div class="titleInput"><input type="text" maxlength="40" name="topicTitle" id="topicTitle"/></div>
				<div style="padding-top: 20px;" id="topic-type">
				<label class="radio-inline"><input type="radio" name="topicType" value="1" checked/>公开主题</label>
				<label class="radio-inline"><input type="radio" name="topicType" value="2"/>非公开主题</label>
				<p style="margin-top: 10px;color: #ff1515;">主题类型创建后不可修改。</p>
				</div>
				<div class="imgEdit">
					<div class="img">
						<img id="topicCover" src="../../skin/img/empty-img.png"/>
						<input type="hidden" name="topicCover"/>
					</div>
					<div class="uploadImg">
						<form id="uploadForm" method="post" enctype="multipart/form-data">
						 <input type="file" id="file" name="file" accept="image/*" onchange ="commoncheckfile(this,'uploadForm',uploadFile,'.png,.jpg,.gif',2)" style="display:none;">
						 </form>
						<button type="button" class="btn btn-default uploadBtn">上传图片</button>
					</div>
					<p>默认情况下，这个主题的第一卡片作为封面图片，或者你可以设定自己的封面图片。</p>
				</div>
			</div>
		</div>
		<div class="bottom-fixed">
			<div class="bottom-body">
				<div class="bottom-btn text-right">
					 <button type="button" class="btn btn-default" onclick="javascript:$('#cancelModal').modal('show')">取消</button>
			         <button type="button" class="btn btn-primary confirm" onclick="saveTopic()">保存</button>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../plugin/bootstrap/bootstrap.min.3.3.5.js"></script>
		<script type="text/javascript" src="../../plugin/jquery/Sortable.js"></script>
		<script type="text/javascript" src="meetingThemeAdd.js"></script>
		<script type="text/javascript" src="../../plugin/underscore/underscore-min.js"></script>
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="cancelModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-body msg">退出将不会保存，是否继续？</div>
		            <div class="modal-footer" style="text-align:center;border-top-width: 0px;">
		                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
		                <button type="button" class="btn btn-primary confirm" onclick="toList()">继续</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
		
		<!-- 提示框 -->
		<div class="modal fade" id="msgModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		    <div class="modal-dialog">
		        <div class="modal-content">
		            <div class="modal-body msg"></div>
		            <div class="modal-footer" style="text-align:center;border-top-width: 0px;">
		                <button type="button" class="btn btn-primary confirm" data-dismiss="modal">确定</button>
		            </div>
		        </div><!-- /.modal-content -->
		    </div><!-- /.modal-dialog -->
		</div>
		<!-- /.modal -->
	</body>

</html>